<html>
    <head>
        <title></title>
        <style>
            body{
            background-size: 100%  100%;  /*背景大小*/
            background-attachment:fixed;   /*固定背景*/
            }
            .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 600px;
            height: 100px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            text-align: center;
            line-height: 100px;
            display: none;
            }
        </style>
    </head>
    <body background="5e.jpg">
        
        <form id="myForm">
            <div id="popup" class="popup" >这是一个弹窗，5秒无操作自动关闭</div>
            <table align="center" width="500px" height="500px">
                <tr><td colspan="5">个人简历</td></tr>
                <tr >
                    <td>姓名:</td><td>李祥</td>
                </tr>
                <tr>
                    <td >年龄:</td><td> 18 </td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <input type="radio" name="sex" checked="checked"/>男
                        <input type="radio" name="sex" />女
                    </td> 
                </tr>
                <tr>
                    <td>个人简历</td>
                    <td>
                        <textarea aria-multiline="true" rows="4" cols="20" id="text">dddddddddd</textarea>
                    </td>
                </tr>
                
            </table>
            <p align="center"><input type="submit" value="提交" id="3" >
                <input type="reset" value="重置"></p>
            <p><a href="sss.html？from=12.23zuoy">点击跳转</a></p>
            </form>
            <script type="text/javascript">
                var btn=document.getElementById("3");
                btn.onmouseup=function(){
                    var inputText = document.getElementById("text").value;
                    if(inputText==="")
                        alert("请输入内容");
                    else
                        alert("提交成功");
                }
                function resetTimer() {
                clearTimeout(_timer);
                _timer = setTimeout(resetInterface, 30000); 
                }
                function resetInterface() {

                document.getElementById('myForm').reset();
                }   

                var _timer;
                window.onload = function() {
                _timer = setTimeout(resetInterface, 30000);
                };
                document.getElementById('myForm').addEventListener('input', resetTimer);
                document.getElementById('myForm').addEventListener('click', resetTimer);
                const popup = document.getElementById('popup');

                window.onload = function () {
                  popup.style.display = 'block';
                  const timer = setTimeout(() => {
                popup.style.display = 'none';
                }, 5000);

                document.addEventListener('click', function () {
                clearTimeout(timer);
                setTimeout(() => {
                  popup.style.display = 'none';
                  }, 5000);
                });
            };
            window.onload = function(){
                const params = new URLSearchParams(window.location.search)
                const fromPage =params.get('from')
                if(fromPage){
                    alert('你从'+fromPage+'页面跳转过来')
                }
            }

            </script>
    </body>
</html>